<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/4/17 0017
  Time: 22:28
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!DOCTYPE html>
<html>
<head>
    <title>the register of new users</title>
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
    function hideURLbar(){ window.scrollTo(0,1); } </script>
    <link href="../CSS/style1.css" rel="stylesheet" type="text/css" media="all">
    <script src="js/jquery.js"></script>
</head>
<body>
<div class="header-w3l">
    <h1>SIGN  UP</h1>
</div>

<div class="main-agileits">
    <h2 class="sub-head" style="height: 60px"><img src="icon/aaa.png" width=105px;height=50px /></h2>
    <div class="sub-main">
        <form action="/CreatePerson2" method="get">
            <input placeholder="User Name(as:201741412102)" name="username" class="name" type="text" required="">
            <span class="icon1"><i class="fa fa-user" aria-hidden="true" ><img src="icon/人.png" /></i></span><br>

            <input placeholder="Your Name" name="name" class="name2" type="text" required="">
            <span class="icon2"><i class="fa fa-user" aria-hidden="true"><img src="icon/人%20(1).png" /></i></span><br>

            <input placeholder="Phone Number" name="number" class="number" type="text" required="">
            <span class="icon3"><i class="fa fa-phone" aria-hidden="true"><img src="icon/电话.png" /></i></span><br>

            <input placeholder="Email" name="email" class="mail" type="text" required="">
            <span class="icon4"><i class="fa fa-envelope" aria-hidden="true"><img src="icon/邮箱.png" /></i></span><br>

            <input  placeholder="Password" name="password" class="pass" type="password" required="">
            <span class="icon5"><i class="fa fa-unlock" aria-hidden="true"><img src="icon/解锁_unlocked24.png" /></i></span><br>

            <input  placeholder="Confirm Password" id="repassword" name="repassword" class="pass" type="password" required=""><br>
            <span id="repassworder" style="color: crimson;margin-left: -280px" ></span>
            <span  class="icon6"><i class="fa fa-unlock" aria-hidden="true"><img src="icon/解锁.png" /></i></span><br>


            <input  id="sign" type="submit" value="sign up">
            <a href="login.jsp" style="color: #66b7ff;" >返回登录</a>
        </form>
    </div>
    <div class="clear"></div>
</div>

<div class="footer-w3">
    <p>&copy; What Is Broken Can Be Reforged  BY |<a href="https://lol.qq.com/"> --Raven</a></p>
</div>
</body>
</html>
<script>
    $(document).ready(function(){
        //判断密码是否一致
        $("#repassword").blur(function () {
            console.log($(this).val());
            console.log("aaa");
            var pwd = $('input[name="password"]').val();
            console.log(pwd);
            console.log($(this).val());
            console.log("aaa");
            if(pwd != $(this).val()){
                $("#repassworder").html("密码不一致，重新输入");
            }else {
                $("#repassworder").html("");
            }
        });

    });
</script>
